<%-- 
    Document   : index
    Created on : Jul 10, 2011, 8:57:26 AM
    Author     : Dan de la Cruz <ddcruzg@gmail.com>
--%>

<%@page import="com.vfashion.domain.Paquete"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Viajero Fashion</title>
        <!--blueprint -->
        <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
        <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
        <link rel="stylesheet" href="css/vfashion.css" type="text/css" media="screen, print">
        <!-- jquery -->
        <script type="text/javascript" src="js/lib/jquery161.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#volver").click(function(){
                    window.location = "ShowPkgs";
                    return false;
                });
            });
        </script>
    </head>
    <body>

        <div class="container" style="text-align: left;">
            <div class="span-24 last">
                <div class="span-7" style="margin-right: 0px" >
                    <div id="left">
                        <h1>Viajero Fashion</h1>
                        <div id="copyright">
                            <p>Viajero Fashion .</p>
                            <p>Derechos reservados por <a style="color: #380202" href="#">Dan de la Cruz</a></p>
                        </div>
                    </div>
                </div>
                <div class="span-17 last">
                    <div class="span-14 append-3 last">
                        <%@include file="menu.jsp" %>
                    </div>
                    <div class="span-14 append-3 last">
                        <div id="body">
                            <div id="body-top">
                                <div id="body-bot">
                                    <h2><strong>Venga y conozca ...</strong></h2><br>
                                    <c:if test="${not empty requestScope.paquete }">
                                        <div class="paquete">
                                            <img  src="images/paquetes/${paquete.imagen}" alt="${paquete.atractivo}" class="left" />
                                            <p>
                                                <label>${paquete.atractivo} - ${paquete.lugar} </label>
                                                <span>${paquete.dias} dias / ${paquete.noches} noches</span>
                                                ${paquete.descripcion}
                                            </p>
                                        </div>
                                        <div>
                                            <form action="AddPkg" method="post">
                                                <label style="font-weight: bold">Cantidad</label>
                                                <select class="cmbselect" id="cantidad" name="cantidad">
                                                    <% for(int i = 1; i <= 10; i++) {%>
                                                        <option value="<%=i%>"><%=i%></option>
                                                    <% }%>
                                                </select>
                                                    <input id="paquete" name="paquete" type="hidden" value="${paquete.idpaquete}">
                                                <br>
                                                <button class="link" id="volver">VOLVER</button>
                                                <input class="link" type="submit" value="AGREGAR">
                                            </form>
                                        </div>
                                    </c:if>
                                    <div id="mensaje">
                                        <%@include file="mensaje.jsp" %>
                                    </div>
                                    <br>
                                    <div class="clear"></div>
                                    <div class="body-hr"> </div>
                                    <div id="footer">
                                        <div id="footer-1">  <strong>Agentes</strong> autorizados</div>
                                        <div id="footer-2"> <img src="images/pic_2.gif" width="31" height="42" alt="Pic 2" class="left" /> Planes </div>
                                        <div id="footer-3"> <img src="images/pic_3.gif" width="60" height="42" alt="Pic 3" class="left" /> Por todo el <br>
                                            Mundo </div>
                                        <div class="clear"> </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span-17 last"> </div>
                </div>
            </div>
        </div>
    </body>
</html>
